<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css"/>
	</head>
	<!-- 引入 echarts.js -->
	<script src="../../static/admin/js/echarts.js"></script>
	<body>
		<div class="wrap-container welcome-container">
			<div class="row">
				<div class="welcome-left-container col-lg-9">
					<!--图表-->
					<div class="chart-panel panel panel-default" style="width: 100%;height: 100%;">
						<div class="panel-body" id="chart" style="height: 376px;"></div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/admin/lib/echarts/echarts.js"></script>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script type="text/javascript">
			// 一进入网页，发送请求
			$(document).ready(function () {
				$.ajax({
					async:true,
					url:"${pageC}",
					type:"GET",
					data:{month:7},
					dataType:"json",
					success:function (result) {

					},
					error:function () {
						alert("异步请求失败！")
					}
				});
			});
		</script>
	</body>

	<!--// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('chart'));

	option3 = {
	title: {
	text: '每天占比变化',
	subtext: '周一 ~ 周日',
	top: 10,
	left: 10
	},
	tooltip: {
	trigger: 'item',
	backgroundColor: 'rgba(0,0,250,0.2)'
	},
	legend: {
	type: 'scroll',
	bottom: 10,
	data: (function (){
	var list = [];
	for (var i = 1; i <=12; i++) {
	list.push(i + '');
	}
	return list;
	})()
	},
	visualMap: {
	top: 'middle',
	right: 10,
	color: ['red', 'yellow'],
	calculable: true
	},
	radar: {
	indicator: [
	{ text: 'Monday', max: 400},
	{ text: 'Tuesday', max: 400},
	{ text: 'Wednesday', max: 400},
	{ text: 'Thursday', max: 400},
	{ text: 'Friday', max: 400},
	{ text: 'Saturday', max: 400},
	{ text: 'Sunday', max: 400}
	]
	},
	series: (function (){
	var series = [];
	for (var i = 1; i <= 12; i++) {
	series.push({
	name: '浏览器（数据纯属虚构）',
	type: 'radar',
	symbol: 'none',
	lineStyle: {
	width: 1
	},
	emphasis: {
	areaStyle: {
	color: 'rgba(0,250,0,0.3)'
	}
	},
	data: [{
	value: [
	i+100,
	i,
	i+120,
	i+130,
	i+14
	],
	name: i + ''
	}]
	});
	}
	return series;
	})()
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option3);
	$(document).on("click","option3.series.name",function () {
	console.log("======")
	})-->
</html>
